import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '/bar3d',
    name: 'Bar3D',
    component: () => import(/* webpackChunkName: "about" */ '../views/Bar3D.vue')
  },
  {
    path: '/bubble',
    name: 'Bubble',
    component: () => import(/* webpackChunkName: "about" */ '../views/Bubble.vue')
  },
  {
    path: '/Pie3D1',
    name: 'Pie3D1',
    component: () => import(/* webpackChunkName: "about" */ '../views/Pie3D1.vue')
  },
  {
    path: '/Pie3D2',
    name: 'Pie3D2',
    component: () => import(/* webpackChunkName: "about" */ '../views/Pie3D2.vue')
  },
  {
    path: '/pie',
    name: 'pie',
    component: () => import(/* webpackChunkName: "about" */ '../views/pie.vue')
  },
  {
    path: '/tu1',
    name: 'tu1',
    component: () => import(/* webpackChunkName: "about" */ '../views/graphChart1.vue')
  },
  {
    path: '/tu2',
    name: 'tu2',
    component: () => import(/* webpackChunkName: "about" */ '../views/graphChart2.vue')
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
